<!DOCTYPE html>
<html lang="zh">

<head>
    <title>天嘉智慧云</title>
    <#include "/headerTj.html">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="https://webapi.amap.com/maps?v=1.4.10&key=7d90c90b1dbe8a8aab6e0d7a77123ecb&plugin=AMap.MouseTool"></script>
</head>
<body  style="overflow:scroll;overflow-x:hidden">
        <div class="container-fluid nolrpad" id="setting">
            <div class="row">
                <div class="col-lg-2">
                    <div class="panel panel-info">
                        <div class="panel-heading" style="text-align:center;"> 新建项目</div>
                        <!-- /.panel-heading -->

                        <div class="panel-body smallpadbody" style="padding:8px;">
                            <a class="btn btn-info btn-edit-icon" @click="add()">添加项目</a>
                            <div class="form">
                                <div class="form-group" style="text-align:center;">
                                    <label style="font-weight:400;">项目名称</label>
                                    <br/>
                                    <input class="form-control form-inline" v-model="project.projectName" style="margin-left:auto;margin-right:auto;">
                                </div>
                                <div class="row">
                                    <div class="col-lg-6 lesspad">
                                        <a class="btn btn-info btn-sm" style="float:right;" @click="add()">保存项目</a>
                                    </div>
                                    <div class="col-lg-6 lesspad">
                                        <a class="btn btn-info btn-sm" style="float:left;" @click="del()" >删除项目</a>
                                    </div>
                                </div>
                                <div class="btn-group-vertical btn-block">
                                    <a style="padding-left:40%;"  v-for="(item,index) in projectList" :class="['btn btn-in-vertical',{'btn-primary':item.check}]" @click="check(index)">{{item.projectName}}</a>
                                </div>
                            </div>
                        </div>
                        <!-- /.panel-heading -->
                    </div>
                    <div class="panel panel-info" style="margin-top:5%;">
                        <div class="panel-heading" style="text-align:center;"> 项目规划</div>
                        <!-- /.panel-heading -->

                        <div class="panel-body smallpadbody" style="padding:8px;">
                            <div class="form-group"
                                 style="text-align:center;width:60%;margin-left:auto;margin-right:auto;">
                                <select class="form-control form-inline" v-model="checkProject.pId" @change="selectInfo()">
                                    <option value="0">请选择项目</option>
                                    <option v-for="item in projectList" :value="item.pid">{{item.projectName}}</option>
                                </select>
                            </div>

                            <div class="form" v-show="checkProject.pId>0">
                                <a class="btn btn-info btn-edit-icon" @click="addArer()">区域规划</a>
                                <div class="form-group" style="text-align:center;">
                                    <label style="font-weight:400;">区域名称</label>
                                    <br/>
                                    <input class="form-control form-inline" v-model="project.projectName" style="margin-left:auto;margin-right:auto;" @keyup="check(-1,1)">
                                </div>
                                <div style="margin-left:auto;margin-right:auto;">
                                    <div class="row">
                                        <div class="col-lg-6 lesspad">
                                            <a class="btn btn-info btn-sm" style="float:right;" @click="addArer()">保存规划</a>
                                        </div>
                                        <div class="col-lg-6 lesspad">
                                            <a class="btn btn-info btn-sm" style="float:left;" @click="del()">删除规划</a>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-top: 5px">
                                        <div class="col-lg-6 lesspad">
                                            <a class="btn btn-success btn-sm" style="float:right;"  @click="draw()" v-if="deletePro.pid>0">添加轨迹</a>
                                        </div>
                                        <div class="col-lg-6 lesspad">
                                            <a class="btn btn-success btn-sm" style="float:left;" @click="clear()" v-if="deletePro.pid>0">清空轨迹</a>
                                        </div>
                                    </div>

                                    <div class="btn-group-vertical btn-block">
                                        <hr style="background:#5bc0de;height:3px;border:none;padding:none;margin:8px 0 0 0;"/>
                                        <a  :class="['btn btn-in-vertical',{'btn-primary':item.check}]" style="padding-left:40%;" v-for="(item,index) in itemList" @click="check(index,1)">{{item.projectName}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-info col-lg-10" style="padding:0;">
                    <div class="panel-heading"></div>
                    <div id="mapcontainer"></div>
                </div>
            </div>
        </div>
        <script src="${request.contextPath}/statics/js/modules/xinpai/regional_setting.js?_${.now?long}"></script>

</body>

</html>
